<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Dashboard Template for Bootstrap</title>

    <!-- 全局css -->
    <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
		<link href="css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <!-- 用户自定义css -->
    <link href="css/dashboard.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		

  </head>

  <body>
		<!--导航栏-->
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">Project name</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Dashboard</a></li>
            <li><a href="#">Settings</a></li>
            <li><a href="#">Profile</a></li>
            <li><a href="#">Help</a></li>
          </ul>
          <form class="navbar-form navbar-right">
            <input type="text" class="form-control" placeholder="Search...">
          </form>
        </div>
      </div>
    </nav>

		<!--左边栏-->
    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
        	
          <ul class="nav pmume building">
            <li class="active"><a href="#">实验楼 <span class="sr-only">(current)</span></a>
            	
            	<ul class="nav left_mume">
            		
            		<li>
            			<a href="">201</a>
            		</li>
            		<li>
            			<a href="">202</a>
            		</li>
            		<li>
            			<a href="">203</a>
            		</li>
            		<li>
            			<a href="">705</a>
            		</li>
            		<li>
            			<a href="">709</a>
            		</li>
            	</ul>           	
            </li>
            
            <li><a href="#">艺术楼</a>
            	<ul class="nav left_mume">
            		<li>
            			<a href="">302</a>
            		</li>
            		<li>
            			<a href="">506</a>
            		</li>
            		<li>
            			<a href="">709</a>
            		</li>
            		<li>
            			<a href="">电梯</a>
            		</li>
            		<li>
            			<a href="">监控</a>
            		</li>
            	</ul>
            </li>
            
            <li><a href="#">体育场所</a>
            	<ul class="nav left_mume ">
            		<li>
            			<a href="">排球场</a>
            		</li>
            		<li>
            			<a href="">足球场</a>
            		</li>
            		<li>
            			<a href="">篮球场</a>
            		</li>
            		
            	</ul>
            </li>
            
            <li><a href="#">教学楼</a>
            	<ul class="nav left_mume ">
            		<li>
            			<a href="">Nav item</a>
            		</li>
            		<li>
            			<a href="">Nav item again</a>
            		</li>
            		<li>
            			<a href="">One more nav</a>
            		</li>
            		<li>
            			<a href="">Another nav item</a>
            		</li>
            		<li>
            			<a href="">More navigation</a>
            		</li>
            	</ul>
            </li>
            
          </ul>
          
          <ul class="nav">
            <li><a href="">切换</a></li>
            
          </ul>
        </div>
        
        <!--Main-->
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
        	
					<div class="">
						花都 > > 实验楼
					</div>
					
					<!--tags-->
					<div class="">
							<ul class="nav nav-tabs" role="tablist">
								<li role="presentation" class="active">
									<a href="#">内容</a>
								</li>
								<li role="presentation">
									<a href="#">结构</a>
								</li>
								<li role="presentation">
									<a href="#">搜索</a>
								</li>
								<li role="presentation">
									<a href="#">用户管理</a>
								</li>
								
								<li role="presentation">
									<a href="#">导入</a>
								</li>
								<li role="presentation">
									<a href="#">导出</a>
								</li>
							</ul>
					</div>
					
					<div class="">
						.
					</div>
					
 					<!--manage_table-->
 					<div class="portlet-body">
 						
 						<table class="table table-striped table-bordered table-hover" id="sample_1">
 							<thead>
 								<tr>
 									<th class="table-checkbox">
 										<input type="checkbox" class="group-checkable" data-set="#sample_1 .checkboxes" />
 									</th>
 									<th>
 										id
 									</th>
 									<th>
 										name
 									</th>
 									<th>
 										type
 									</th>
 									<th>
 										area
 									</th>
 									<th>
 										department
 									</th>
 									<th>
 										admintor
 									</th>
 									<th>
 										使用编号
 									</th>
 									<th>
 										使用时间
 									</th>
 									<th>
 										结束使用时间
 									</th>
 									<th>
 										使用情况
 									</th>
 								</tr>
 							</thead>
 							<tbody class="list-group">
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										shuxer
 									</td>
 									<td>
 										<a href="mailto:shuxer@gmail.com">
 											shuxer@gmail.com
 										</a>
 									</td>
 									<td>
 										120
 									</td>
 									<td class="center">
 										12 Jan 2012
 									</td>
 									<td>
 										<span class="label  label-success">
 															 Approved
 														</span>
 									</td>
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										shuxer
 									</td>
 									<td>
 										<a href="mailto:shuxer@gmail.com">
 											shuxer@gmail.com
 										</a>
 									</td>
 									<td>
 										120
 									</td>
 									<td class="center">
 										12 Jan 2012
 									</td>
 									
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										looper
 									</td>
 									<td>
 										<a href="mailto:looper90@gmail.com">
 											looper90@gmail.com
 										</a>
 									</td>
 									<td>
 										120
 									</td>
 									<td class="center">
 										12.12.2011
 									</td>
 									<td>
 										<span class="label label-sm label-warning">
 															 Suspended
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										userwow
 									</td>
 									<td>
 										<a href="mailto:userwow@yahoo.com">
 											userwow@yahoo.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										12.12.2012
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										user1wow
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											userwow@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										12.12.2012
 									</td>
 									<td>
 										<span class="label label-sm label-default">
 															 Blocked
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										restest
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											test@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										12.12.2012
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										foopl
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										19.11.2010
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										weep
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										19.11.2010
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										coop
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										19.11.2010
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										pppol
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										19.11.2010
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										test
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										19.11.2010
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										userwow
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											userwow@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										12.12.2012
 									</td>
 									<td>
 										<span class="label label-sm label-default">
 															 Blocked
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										test
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											test@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										12.12.2012
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										goop
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										12.11.2010
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										weep
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										15.11.2011
 									</td>
 									<td>
 										<span class="label label-sm label-default">
 															 Blocked
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										toopl
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										16.11.2010
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										userwow
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											userwow@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										9.12.2012
 									</td>
 									<td>
 										<span class="label label-sm label-default">
 															 Blocked
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										tes21t
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											test@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										14.12.2012
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										fop
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										13.11.2010
 									</td>
 									<td>
 										<span class="label label-sm label-warning">
 															 Suspended
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										kop
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										17.11.2010
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										vopl
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										19.11.2010
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										userwow
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											userwow@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										12.12.2012
 									</td>
 									<td>
 										<span class="label label-sm label-default">
 															 Blocked
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										wap
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											test@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										12.12.2012
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										test
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										19.12.2010
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										toop
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										17.12.2010
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 								<tr class="odd gradeX">
 									<td>
 										<input type="checkbox" class="checkboxes" value="1" />
 									</td>
 									<td>
 										weep
 									</td>
 									<td>
 										<a href="mailto:userwow@gmail.com">
 											good@gmail.com
 										</a>
 									</td>
 									<td>
 										20
 									</td>
 									<td class="center">
 										15.11.2011
 									</td>
 									<td>
 										<span class="label label-sm label-success">
 															 Approved
 														</span>
 									</td>
 								</tr>
 							</tbody>
 						</table>
 						
 						<div class="table-toolbar">
 							<div class="btn-group">
 								<button id="sample_editable_1_new" class="btn green">
 						 														Add New <i class="fa fa-plus"></i>
 						 														</button>
 							</div>
 							<div class="btn-group pull-right">
 								<button class="btn dropdown-toggle" data-toggle="dropdown">Tools <i class="fa fa-angle-down"></i>
 						 														</button>
 								<ul class="dropdown-menu pull-right">
 									<li>
 										<a href="#">
 											Print
 										</a>
 									</li>
 									<li>
 										<a href="#">
 											Save as PDF
 										</a>
 									</li>
 									<li>
 										<a href="#">
 											Export to Excel
 										</a>
 									</li>
 								</ul>
 							</div>
 						</div>
 					</div>

          <h2 class="sub-header">Section title</h2>
          <div class="table-responsive">
            <table class="table table-striped">
              <thead>
                <tr>
                  <th>#</th>
                  <th>Header</th>
                  <th>Header</th>
                  <th>Header</th>
                  <th>Header</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td>1,001</td>
                  <td>Lorem</td>
                  <td>ipsum</td>
                  <td>dolor</td>
                  <td>sit</td>
                </tr>
                <tr>
                  <td>1,002</td>
                  <td>amet</td>
                  <td>consectetur</td>
                  <td>adipiscing</td>
                  <td>elit</td>
                </tr>
                <tr>
                  <td>1,003</td>
                  <td>Integer</td>
                  <td>nec</td>
                  <td>odio</td>
                  <td>Praesent</td>
                </tr>
                <tr>
                  <td>1,003</td>
                  <td>libero</td>
                  <td>Sed</td>
                  <td>cursus</td>
                  <td>ante</td>
                </tr>
                <tr>
                  <td>1,004</td>
                  <td>dapibus</td>
                  <td>diam</td>
                  <td>Sed</td>
                  <td>nisi</td>
                </tr>
                <tr>
                  <td>1,005</td>
                  <td>Nulla</td>
                  <td>quis</td>
                  <td>sem</td>
                  <td>at</td>
                </tr>
                <tr>
                  <td>1,006</td>
                  <td>nibh</td>
                  <td>elementum</td>
                  <td>imperdiet</td>
                  <td>Duis</td>
                </tr>
                <tr>
                  <td>1,007</td>
                  <td>sagittis</td>
                  <td>ipsum</td>
                  <td>Praesent</td>
                  <td>mauris</td>
                </tr>
                <tr>
                  <td>1,008</td>
                  <td>Fusce</td>
                  <td>nec</td>
                  <td>tellus</td>
                  <td>sed</td>
                </tr>
                <tr>
                  <td>1,009</td>
                  <td>augue</td>
                  <td>semper</td>
                  <td>porta</td>
                  <td>Mauris</td>
                </tr>
                <tr>
                  <td>1,010</td>
                  <td>massa</td>
                  <td>Vestibulum</td>
                  <td>lacinia</td>
                  <td>arcu</td>
                </tr>
                <tr>
                  <td>1,011</td>
                  <td>eget</td>
                  <td>nulla</td>
                  <td>Class</td>
                  <td>aptent</td>
                </tr>
                <tr>
                  <td>1,012</td>
                  <td>taciti</td>
                  <td>sociosqu</td>
                  <td>ad</td>
                  <td>litora</td>
                </tr>
                <tr>
                  <td>1,013</td>
                  <td>torquent</td>
                  <td>per</td>
                  <td>conubia</td>
                  <td>nostra</td>
                </tr>
                <tr>
                  <td>1,014</td>
                  <td>per</td>
                  <td>inceptos</td>
                  <td>himenaeos</td>
                  <td>Curabitur</td>
                </tr>
                <tr>
                  <td>1,015</td>
                  <td>sodales</td>
                  <td>ligula</td>
                  <td>in</td>
                  <td>libero</td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>

    
		
		
		<!-- 全局js -->
		<script src="js/jquery.min.js?v=2.1.4"></script>
		<script src="js/bootstrap.min.js?v=3.3.6"></script>
		<script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
		<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
		<script src="js/plugins/layer/layer.min.js"></script>
		
		<!-- 自定义js -->
		<script src="js/table-managed.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		
		
  </body>

</html>
